<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>卡斯基车务</title>
    <meta name="viewport"
          content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../../../css/common.css"/>
    <link rel="stylesheet" href="../../../css/yewuyuan/shouye/yewuyuan_shouye_progress.css"/>
    <script type="text/javascript" src="../../../lib/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="../../../lib/underscore.js"></script>
    <script type="text/javascript" src="../../../lib/iscroll.js"></script>
    <script type="text/javascript" src="../../../lib/global.js"></script>
    <script type="text/javascript" src="../../../js/yewuyuan/shouye/yewuyuan_shouye_progress.js"></script>
</head>
<body>
<div class="car_trial">
    <span class="font20 colorfff">车辆年检过审</span>
</div>
<div class="mainContainer">
    <div class="order_access" id="order_info">
        <script type="text/template">
            <div class="step_name">
                <span class="font14 color4e4 step"><%=stepIndex%>.<%=stepName%>(<%=taskName%>)</span>
                <span class="font12 color17d pick">可接取</span>
            </div>
            <div class="car_information">
                <span class="font12 color9a9 car1"><%=carPlateNum%></span>
                <span class="font12 color9a9 car2"><%=carColor%></span>
                <span class="font12 color9a9 car3"><%=carBrand%></span>
                <span class="font12 color796 car4"><%=time%></span>
            </div>
            <div class="car_information_1">
                <span class="font12 color9a9">发动机号：</span>
                <span class="font12 color9a9"><%=carEngineNum%></span>
                <span class="font12 color9a9 car6">车架号：</span>
                <span class="font12 color9a9"><%=carChassisNum%></span>
            </div>
        </script>
    </div>
    <div class="total_progress">
        <div class="left_line"></div>
        <span>总进度</span>
        <div class="right_line"></div>
    </div>
    <div class="progress_list_1" id="progress_list_1">
        <script type="text/template">
            <div>
                <ul class="progress_list">
                    <%for(var i in data){%>
                    <%var item = data[i];%>
                    <li data-index="<%=i%>" data-id="<%=item.id%>"
                        data-childOrderRemainTime="<%=item.childOrderRemainTime%>"
                        class="<%=item.stepType === 1?'attached':''%>">
                        <div class="left_circle">
                            <%if(item.stepType === 1){%>
                            <div class="circle">
                                <span class="font20 colorfff">附</span>
                            </div>
                            <%}else{%>
                            <%if(item.situation === -1 && item.problemRemark != '' && item.problemRemark != ' ' && item.childOrderStatus != 3){%>
                            <div class="circle_4">
                                <span class="font20 colora29"><%=(++i)%></span>
                            </div>
                            <%}else if(item.stepIndex == currentStepIndex){%>
                            <div class="circle_1">
                                <span class="font20 colorfff"><%=(++i)%></span>
                            </div>
                            <%}else if(item.childOrderStatus === 1 || item.childOrderStatus === 0){%>
                            <div class="circle_4">
                                <span class="font20 colora29"><%=(++i)%></span>
                            </div>
                            <%}else if(item.childOrderStatus === 2){%>
                            <div class="circle_4">
                                <span class="font20 colora29"><%=(++i)%></span>
                            </div>
                            <%}else if(item.childOrderStatus === 3){%>
                            <div class="circle_4">
                                <span class="font20 colora29"><%=(++i)%></span>
                            </div>
                            <%}%>
                            <%if(data[i] && data[i].stepType == 0){%>
                            <div class="moving_line_2"></div>
                            <%}else{%>
                            <div class="moving_line_none"></div>
                            <%}%>
                            <%}%>
                        </div>
                        <div class="progress_content">
                            <%if(item.situation == -1 && item.problemRemark != '' && item.problemRemark != ' ' && item.childOrderStatus != 3){%>
                            <span class="font14 colore22"><%=item.stepName%></span>
                            <p class="font12 color4e4"><%=item.problemRemark%></p>
                            <%}else{%>
                            <span class="font14 color4e4"><%=item.stepName%></span>
                            <p class="font12 color4e4"><%=item.stepContent%></p>
                            <%}%>
                        </div>
                        <%if(item.stepType === 1){%>
                        <div class="progress_status">
                            <span class="font12 color796"><%=item.finishTime.slice(0,10)%></span>
                        </div>
                        <div class="progress_status_1">
                            <span class="font12 color796"><%=item.finishTime.slice(10)%></span>
                        </div>
                        <%}else{%>
                        <%if(item.childOrderStatus != 0){%>
                        <div class="user_information">
                            <%if(item.acceptorName.search(/\S/) !== -1){%>
                            <span class="font12 colora29"><%=item.acceptorName%></span>
                            <%}%>
                            <%if(item.acceptorPhone.search(/\S/) !== -1){%>
                            <a href="tel:<%=item.acceptorPhone%>" class="font12 colora29"><%=item.acceptorPhone%></a>
                            <%}%>
                        </div>
                        <%}%>
                        <%if(item.situation === -1 && item.problemRemark != '' && item.problemRemark != ' ' && item.childOrderStatus != 3){%>
                        <div class="progress_status">
                            <span class="font12 colord8">出问题</span>
                        </div>
                        <div class="progress_status_1">
                            <span class="font12 color796"></span>
                        </div>
                        <%}else if(item.stepIndex == currentStepIndex){%>
                        <div class="progress_status" data-acceptChildOrder="<%=item.id%>">
                            <span class="font12 color17d">待接单</span>
                        </div>
                        <div class="progress_status_1">
                            <span class="font12 color796"></span>
                        </div>
                        <%}else if(item.childOrderStatus === 0){%>
                        <div class="progress_status">
                            <span class="font12 colord8">待接单</span>
                        </div>
                        <div class="progress_status_1">
                            <span class="font12 color796"></span>
                        </div>
                        <%}else if(item.childOrderStatus === 1){%>
                        <div class="progress_status">
                            <span class="font12 colord8">未开始</span>
                        </div>
                        <div class="progress_status_1">
                            <span class="font12 color796" data-time="<%=item.childOrderRemainTime%>"></span>
                        </div>
                        <%}else if(item.childOrderStatus === 2){%>
                        <div class="progress_status">
                            <span class="font12 colord8">进行中</span>
                        </div>
                        <div class="progress_status_1">
                            <span class="font12 color796" data-time="<%=item.childOrderRemainTime%>"></span>
                        </div>
                        <%}else if(item.childOrderStatus === 3){%>
                        <div class="progress_status">
                            <span class="font12 colord8">已完成</span>
                        </div>
                        <div class="progress_status_1">
                            <span class="font12 color796"><%=item.finishTime.slice(10)%></span>
                        </div>
                        <%}%>
                        <%}%>
                    </li>
                    <%}%>
                </ul>
            </div>
        </script>
    </div>
</div>
<div class="bottom_start">
    <div class="start_list">
        <span class="font14 colorfff">开始此单</span>
    </div>
</div>
</body>
</html>
